page {
  background-image: radial-gradient(at top right, #feada6 0%, #f5efef 50%);
  background-size: 150%;
}
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: 90vh;
  box-sizing: border-box;
  padding: 50rpx 50rpx;
}
.content .nav-title {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.content .user {
  height: 180rpx;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 10px;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  background-color: rgba(245, 245, 245, 0.7);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content .user .nickname {
  display: flex;
  flex-direction: column;
}
.content .user .nickname view {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.content .user .nickname view text {
  font-size: 20px;
}
.content .user .avatar {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  overflow: hidden;
}
.content .user .avatar image {
  width: 100%;
  height: 100%;
}
.content .order {
  height: 160rpx;
  width: 100%;
  padding: 16px 20px;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: rgba(245, 245, 245, 0.7);
  box-shadow: 0px 1px 20px 0 rgba(0, 0, 0, 0.1);
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content .order view {
  height: 100%;
  width: 50px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.content .order view text:first-child {
  font-size: 26px;
}
.content .strategy {
  width: 100%;
  height: 100rpx;
  margin-top: 10px;
  background-color: rgba(245, 245, 245, 0.7);
  box-shadow: 0px 1px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 0 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.content .strategy text {
  font-size: 14px;
  font-weight: bolder;
  line-height: 100rpx;
}
.content .strategy i {
  font-size: 20px;
}
.content .panel {
  width: 100%;
  height: 150rpx;
  margin-top: 10px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.content .panel > view {
  display: flex;
  align-items: center;
  padding-left: 15px;
  background-color: rgba(245, 245, 245, 0.7);
  box-shadow: 0px 1px 20px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border-radius: 10px;
}
.content .panel > view i {
  font-size: 26px;
  margin-right: 10px;
}
.content .panel > view view {
  display: flex;
  flex-direction: column;
}
.content .panel > view view text {
  font-style: 18px;
}
.content .logout {
  width: calc(100vw - 100rpx);
  height: 90rpx;
  position: fixed;
  bottom: 100px;
  text-align: center;
  line-height: 90rpx;
  font-size: 16px;
  background-color: #f5f3f3;
  box-shadow: 0px 1px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
